<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->

  
  <title>达内社区|个人中心|动态信息</title>
  <!-- Tell the browser to be responsive to screen width -->
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  <!-- Bootstrap 3.3.7 -->
  <link rel="stylesheet" href="../../../../../../../../vscode/TEST2/bower_components/bootstrap/dist/css/bootstrap.min.css">
  <!-- Font Awesome -->
  <link rel="stylesheet" href="../../../../../../../../vscode/TEST2/bower_components/font-awesome/css/font-awesome.min.css">
  <!-- Ionicons -->
  <link rel="stylesheet" href="../../../../../../../../vscode/TEST2/bower_components/Ionicons/css/ionicons.min.css">
  <!-- Theme style -->
  <link rel="stylesheet" href="../../../../../../../../vscode/TEST2/dist/css/AdminLTE.min.css">
  <!-- AdminLTE Skins. Choose a skin from the css/skins
       folder instead of downloading all of them to reduce the load. -->
  <link rel="stylesheet" href="../../../../../../../../vscode/TEST2/dist/css/skins/_all-skins.min.css">
  <!-- Morris chart -->
  <link rel="stylesheet" href="../../../../../../../../vscode/TEST2/bower_components/morris.js/morris.css">
  <!-- jvectormap -->
  <link rel="stylesheet" href="../../../../../../../../vscode/TEST2/bower_components/jvectormap/jquery-jvectormap.css">
  <!-- Date Picker -->
  <link rel="stylesheet" href="../../../../../../../../vscode/TEST2/bower_components/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css">
  <!-- Daterange picker -->
  <link rel="stylesheet" href="../../../../../../../../vscode/TEST2/bower_components/bootstrap-daterangepicker/daterangepicker.css">
  <!-- bootstrap wysihtml5 - text editor -->
  <link rel="stylesheet" href="../../../../../../../../vscode/TEST2/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css">

  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->

  <!-- Google Font -->
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">



    <!-- Bootstrap -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
      <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->
    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>

</head>
<body>
<section class="content">
  <h1>
    动态信息
    <small>events</small>
  </h1>
                <!-- row -->
                <div class="row">
                  <div class="col-md-12">
                    <!-- The time line -->
                    <ul class="timeline">
                      <!-- timeline time label -->
                      <li class="time-label">
                            <span class="bg-red">
                              22 Jun. 2019
                            </span>
                      </li>
                      <!-- /.timeline-label -->
                      <!-- timeline item -->
                      <li>
                        <i class="fa fa-envelope bg-blue"></i>
          
                        <div class="timeline-item">
                          <span class="time"><i class="fa fa-clock-o"></i> 刚刚</span>
          
                          <h3 class="timeline-header"><a href="#">老喻</a> 给您发了邮件</h3>
          
                          <div class="timeline-body">
                            啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦...
                          </div>
                          <div class="timeline-footer">
                            <a class="btn btn-primary btn-xs">阅读更多</a>
                            <a class="btn btn-danger btn-xs">删除</a>
                          </div>
                        </div>
                      </li>
                      <!-- END timeline item -->
                      <!-- timeline item -->
                      <li>
                        <i class="fa fa-user bg-aqua"></i>
          
                        <div class="timeline-item">
                          <span class="time"><i class="fa fa-clock-o"></i>5 分钟前</span>
          
                          <h3 class="timeline-header no-border"><a href="#">老黄</a> 接受了您的好友请求</h3>
                        </div>
                      </li>
                      <!-- END timeline item -->
                      <!-- timeline item -->
                      <li>
                        <i class="fa fa-comments bg-yellow"></i>
          
                        <div class="timeline-item">
                          <span class="time"><i class="fa fa-clock-o"></i> 27 分钟前</span>
          
                          <h3 class="timeline-header"><a href="#">老周</a> 评论了您的帖子</h3>
          
                          <div class="timeline-body">
                                您的意见非常好！
                          </div>
                          <div class="timeline-footer">
                            <a class="btn btn-warning btn-flat btn-xs">查看评论</a>
                          </div>
                        </div>
                      </li>
                      <!-- END timeline item -->
                      <!-- timeline time label -->
                      <li class="time-label">
                            <span class="bg-green">
                              20 Jun. 2019
                            </span>
                      </li>
                      <!-- /.timeline-label -->
                      <!-- timeline item -->
                      <li>
                        <i class="fa fa-camera bg-purple"></i>
          
                        <div class="timeline-item">
                          <span class="time"><i class="fa fa-clock-o"></i> 2 天前</span>
          
                          <h3 class="timeline-header"><a href="#">老李</a> 更新了他的相册</h3>
          
                          <div class="timeline-body">
                            <img src="static/dist/imgs/about1.jpg" alt="..." class="margin">
                            <img src="static/dist/imgs/about2.jpg" alt="..." class="margin">
                            <img src="static/dist/imgs/about3.jpg" alt="..." class="margin">
                            
                          </div>
                        </div>
                      </li>
                      <!-- END timeline item -->
                      <!-- timeline item -->
                      <li class="time-label">
                            <span class="bg-red">
                              17 Jun. 2019
                            </span>
                      </li>
                      <li>
                          
                        <i class="fa fa-video-camera bg-maroon"></i>
                      
                        <div class="timeline-item">
                          <span class="time"><i class="fa fa-clock-o"></i> 5 天前</span>
          
                          <h3 class="timeline-header"><a href="#">老汪</a> 分享视频</h3>
          
                          <div class="timeline-body">
                            <div class="embed-responsive embed-responsive-16by9">
                              <iframe class="embed-responsive-item" src="https://www.bilibili.com/video/av8432873" frameborder="0" allowfullscreen=""></iframe>
                              
                            </div>
                          </div>
                          <div class="timeline-footer">
                            <a href="#" class="btn btn-xs bg-maroon">查看评论</a>
                          </div>
                        </div>
                      </li>
                      <!-- END timeline item -->
                      <li>
                        <i class="fa fa-clock-o bg-gray"></i>
                      </li>
                    </ul>
                  </div>
                  <!-- /.col -->
                </div>
                <!-- /.row -->
          
                <div class="row" style="margin-top: 10px;">
                  <div class="col-md-12">
                    <div class="box box-primary">
                      <div class="box-header">
                        
                      </div>
                      
                      <!-- /.box-body -->
                    </div>
                    <!-- /.box -->
                  </div>
                  <!-- /.col -->
                </div>
                <!-- /.row -->
          
              </section>
</body>
</html>